<template>
  <div class="page-menu">
    <template v-for="(item, index) in meun">
      <div class="item" :key="index">
        {{ item.title }}
      </div>
    </template>
  </div>
</template>

<script>
export default {
  data() {
    return {
      meun: [
        { title: '产品供应', to: '/aa' },
        { title: '产品求购', to: '/aa' },
        { title: '绿化苗木市场价格信息', to: '/aa' },
        { title: '农业生产资料价格监测', to: '/aa' },
        { title: '土地流转', to: '/aa' }
      ]
    }
  }
}
</script>

<style lang="scss">
.page-menu {
  margin-top: 20px;
  .item {
    border-radius: 10px;
    display: block;
    text-align: center;
    color: #333;
    height: 40px;
    line-height: 44px;
    font-size: 16px;
    margin: 0;
    margin-bottom: 5px;
    border: #e4eaec 1px solid;
    background-color: #fff;
  }
}
</style>
